<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link rel="Stylesheet" type="text/css" href="/css/mobile.css" />
		<title>FxSignal</title>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
	    <script language="javascript" type="text/javascript" src="/js/jquery-1.6.4.js"></script>   
	    <script language="javascript" type="text/javascript" src="/js/jquery.mobile-1.0rc1.min.js"></script>
	    
	    <script language="javascript" type="text/javascript" src="/js/klass.min.js"></script>
	    <script language="javascript" type="text/javascript" src="/js/code.photoswipe.jquery-3.0.0.js"></script>
	    <script language="javascript" type="text/javascript" src="/js/jquery.cookie.js"></script>
	    <script language="javascript" type="text/javascript" src="/js/ryland.geolocation.js"></script>		
		<script type="text/javascript">
		$(function() {

			$.getJSON('/fx/chart/EURUSD', function(data) {
				data = data.rows;
				window.chart = new Highcharts.StockChart({
					chart : {
						renderTo : 'container'
					},
					rangeSelector : {
						selected : 0.00001
					},
					title : {
						text : 'Stock Price'
					},
					series : [{
						name : 'FxSignal',
						data : data,
						tooltip: {
							valueDecimals: 5
						}
					}]
				});
			});
		});

		</script>
	</head>
	<body class="" data-theme="c">
    <div  id="chart" data-role="page">
		<div data-role="content">
			<div data-role="controlgroup" data-type="horizontal">
			    <a class="current" data-ajax="false" data-role="button" href="/mhtml/chart.jsp?symbol=<%=symbol%>&trend=<%=trend%>">Chart</a>
				<a data-ajax="false" data-role="button" href="/mhtml/detail.jsp?symbol=<%=symbol%>">Detail</a>
				
			</div>
		</div>
	
		<script src="/js/highstock.js"></script>
		<script src="/js/modules/exporting.js"></script>
        <div id="container" style="width:auto;height:300px;" ></div>
	</div>
	</body>
</html>
